{include file="common/header" /}


<div class="w1200 mt20">
    <div class="layui-row layui-col-space15">
      <div class="layui-col-lg6">
        {include file="common/swiper" /}
      </div>
  
      <div class="layui-col-lg3">
        {include file="common/vertical2" /}
      </div>
  
      <div class="layui-col-lg3">
        {include file="common/author" /}
      </div>
    </div>
</div>



<div class="w1200">

    <div class="layui-row layui-col-space15">
  
      <div class="layui-col-lg9">

        {include file="common/main_list" /}

        <!------------- 分页开始 ------------->
        <div style="text-align: center;">
          <div id="laypage"></div>
        </div>

        <script>
          
          layui.use(function(){
            var laypage = layui.laypage;
            // 普通用法
            laypage.render({
              elem: 'laypage',
              count: "{$total}",// 数据总数
              curr:"{$page}"
            });
        
            $("#laypage a").on("click",function(){
              var page = $(this).attr("data-page");
              window.location.href="{:url('/index/index')}?page="+page
            })
        
        
          });
        </script>

        <!------------- 分页结束 ------------->



      </div>
  
      <div class="layui-col-lg3">
        <!--推荐阅读-->

        {include file="common/recommend" /}
        <!--随机文章-->
        <div class="mt20">
            
        </div>
      </div>
    </div>
  
  </div>

  {include file="common/friend" /}


  {include file="common/footer" /}